<template>
<h2>列表渲染</h2>

<ul>
    <li v-for="item in NameArry ">
           {{ item }}

    </li>


   
<div >

    <table border="1">
        <thead>
        <tr>
           
       
         <th>账号</th>
          <th>姓名</th>
          <th>年龄</th>
          <th>地址</th>
      
        
        </tr>
      </thead>
      <tbody v-for="item in info">
        <tr>
          
             <th>  {{ item.id }}</th>
             <th>  {{ item.name }}</th>
             <th>  {{ item.age }}</th>
             <th>  {{ item.address }}</th>
           
            
           
           
     


        </tr>
    </tbody>
        </table>


</div>
    

</ul>

</template>
<script setup lang="ts">

import {reactive}from 'vue'
const state =reactive({count:0})



import axios, { Axios } from 'axios';

const add=()=>{

axios.get("",{

    params:{


    }

})


};

import { ref } from 'vue';

const count =ref(0);


const NameArry :string []= ['张三','李四','王五','赵六'];

const info =[

    {
        id:101,
        name:"张三",
        age:"19",
        address:"山东",
    },
    
    {
        id:102,
        name:"李四",
        age:"20",
        address:"上海",
    },
    
    {
        id:103,
        name:"王五",
        age:"21",
        address:"深圳",
    },
    
    {
        id:104,
        name:"赵六",
        age:"22",
        address:"北京",
    }

];
</script>